@namespace xf url("http://www.w3.org/2002/xforms");

/* default XRX style sheet */

body {
	font-family: Arial, Helvetica, sans-serif;
}

img {
   border: none;
}

.horiz-bar-orange {
    color: white;
    background-color: orange;
    height: 6px;
    width: 100%;
}

.horiz-bar-blue {
    color: white;
    background-color: blue;
    height: 6px;
    width: 100%;
}

.footer {
   font-size: 10pt;
   text-align: center;
}

/* XForms specific things here */

/* This line ensures all the separate form elements appear on their own lines */
/* move to only be used within the block-form
xf|input, xf|select, xf|select1, xf|textarea {display:block; width:100%; margin:10px 0;}
*/

/* this is used for all the view-item.xq scripts to display the field label values in a table */
.field-label {
   text-align: right;
   font-weight: bold;
}

/* Makes the labels right aligned in a 260px wide column that floats to the left of the input controls. */
xf|input > xf|label, xf|select > xf|label, xf|select1 > xf|label, xf|textarea > xf|label 
{text-align:right; padding-right:10px; width:260px; float:left; text-align:right; font-weight: bold;}

/* Differentiate between required fields and non-required fields */
xf|input:required {font-weight: bold;}

/* Make the background be a light yellow **/
xf|input:required .xf-value {background-color:#fff6af;}
/* This adds a red asterisk after the required input fields */
*:required::after {font-weight:bold; font-size:1.5em; content: "*"; color: red; }


xf|group {

   border: solid black 1px;
   padding: 15px;
}



.repeat-label, .group-label {
   background:#eee;
   font-weight:bold;
   float: left;
   padding:5px;
}

/* this div includes the repeated items AND the add button at the end of the repeat block */
.repeat {
   margin-left: 10px;
   border: solid blue 1px;
      padding: 5px;
}

.xf-repeat-item {
   border: solid orange 1px;
   padding: 5px;
}

xf|repeat {
   border: solid green 2px;
   padding: 5px;
}

/* data type specific formatting */

/* make a URI wide for long URLs */
.anyURI .xf-value, .xs\:anyURI .xf-value {width: 60ex;}
.byte .xf-value, .xs\:byte .xf-value {width: 4ex;}
.date .xf-value, .xs\:date .xf-value {width: 11ex;}
.dateTime .xf-value, .xs\:dateTime .xf-value {width: 23ex;}
.short .xf-value, .xs\:short .xf-value {width: 6ex;}
.unsignedByte .xf-value, .xs\:unsignedByte .xf-value {width: 4ex;}

/* align all the numerics to the right */
.decimal .xf-value, .xs\:decimal .xf-value, 
.integer .xf-value, .xs\:integer .xf-value, 
.positiveInteger .xf-value, .xs\:positiveInteger .xf-value
{text-align: right;}
